<template>
  <div>
    <h2 @click="router.push('/nursing_management')" style="cursor: pointer;"><el-icon>
        <ArrowLeftBold />
      </el-icon>护理管理</h2>
  </div>
  <div>
    <el-tabs v-model="activeName" class="demo-tabs" @tab-click="handleClick">
      <el-tab-pane label="护理等级变更" name="first">
        <Hiws></Hiws>
      </el-tab-pane>
      <el-tab-pane label="护理记录单" name="second">
        <Hijid></Hijid>
      </el-tab-pane>
      <el-tab-pane label="血糖检测表" name="third">
        <Twqst></Twqst>
      </el-tab-pane>
      <el-tab-pane label="体温趋势图" name="fourth">
        <Xtjcb></Xtjcb>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>
  
  
<script setup>
import Hiws from '../../components/nurse/Hlws.vue'
import Hijid from '../../components/nurse/Hljld.vue'
import Twqst from '../../components/nurse/Twqst.vue'
import Xtjcb from '../../components/nurse/Xtjcb.vue'
import { ref } from 'vue'
import { useRouter } from 'vue-router'
const router = useRouter()

const activeName = ref('first')

const handleClick = (tab, event) => {
  console.log(tab, event)
}

</script>
  
  
<style scoped>.head {
  width: 75%;
  height: 40px;
  margin: 0 auto;
}

.demo-tabs {
  width: 100%;
}</style>